@charset "utf-8";
@import "reset";

.container{
    width: 100vw;
    height: 100vh;
    background: url(../imgs/background.png)no-repeat;
    background-size: cover;
    position: relative;

    .mainBox{
        width: 80vw;
        height: 70vh;
        background-color:   rgba(226,244,254, 0.6);
        // border: 1px solid #D8DBE0;
        border-radius: vw(20);
        box-shadow: 3px 3px 10px rgba(208,208,208, 0.9);
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%);
        .Date{
            p{
                width: vw(200);
                padding-top: vw(50);
                padding-left: vw(40);
                font-size: vw(26);

                
                select{
                    optain{
                        font-size: vw(36);
                    }
                    font-weight: bold;
                    // color: #4396CB;
                    border: none;
                    background-color: white;
                }
            }
        }
        .titleBox{
            display: flex;
            justify-content: space-evenly;
            .number{
                :nth-child(1){
                    color: #4396CB;
                    font-weight: bold;
                    text-align: center;

                }
                p{
                    padding-top: vw(90);
                font-size: vw(26);

                }
            }
            .status{
                :nth-child(1){
                    color: #4396CB;
                    font-weight: bold;
                    text-align: center;

                }
                p{
                    padding-top: vw(90);
                font-size: vw(26);

                }
            }
        }
        .footer{
            p{
                text-align: center;
                padding-top: vw(90);
                font-size: vw(26);

            }
        }



    }
}